<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>分享海报</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3//css/marketing.min.css?v={v}(path=${staticPath},v=${v})}">
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3/wmui/0.6.2/css/wm-extend.min.css?v={v}(path=${staticPath},v=${v})}">
</head>
<body>
<div class="bs-review-bx">
    <header class="bar bar-nav bs-header">
        <a href="javascript:window.history.back()" class="button button-link button-nav pull-left goBack">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class="title unBorder"><span id="bs-current-num">1</span>/<small id="bs-total-num">1</small></h1>
    </header>
    <!--海报预览区-->
    <section class="bs-review__wrap">
        <div class="swiper-container swiper-container-banner" data-space-between='10'>
            <div class="swiper-wrapper bs-poster-list">
                <th:block th:each="imgObj,index : ${baseShare['imgObjList']}">
                    <div class="swiper-slide">
                        <section th:attrprepend="id='bs-poster-'+${index.index}" class="bs-poster">
                            <img th:if="${imgObj['type']}=='1'" class="bs-poster-bg" th:src="${staticPath}+${imgObj['url']}" alt=""/>
                            <img th:if="${imgObj['type']}!='1'" class="bs-poster-bg" th:src="${imgObj['url']}" alt=""/>
                            <div class="bs-poster-card__wrap bs-poster-card-center " th:attrappend="class='bs-poster-card-style-'+${imgObj['selectStyle']}">
                                <div class="bs-poster-card__box card">
                                    <header class="card-header">
                                        <section class="item-media">
                                            <img th:if="${#strings.isEmpty(avatar)}" th:src="${staticPath}+'/admin/v3/img/default/admin_userpace.jpg'" width="68" height="68" alt="">
                                            <img th:if="!${#strings.isEmpty(avatar)}" th:src="${avatar}" width="68" height="68" alt="">
                                        </section>
                                        <section class="item-inner">
                                            <div class="ml5">
                                                <div class="fs6 c-333" th:text="${username}"></div>
                                                <div class="fs4 c-888">精彩与你共分享</div>
                                            </div>
                                        </section>
                                    </header>
                                    <section class="card-content" >
                                        <h3 class="shareTitle-bx"><span class="shareTitle"></span></h3>
                                        <aside class="integral-txtPic hide">
                                            <section><span class="fs6 c-666">现金、好礼随心兑~</span></section>
                                            <section class="text-center integral-share-svg">
                                                <img th:src="${staticPath}+'/front/mobile/v3/img/marketing/integral-share-pic.jpg'" style="width: auto;height: 100%;display: inline-block" alt="现金、好礼随心兑~">
                                            </section>
                                            <!--<section class="text-center integral-share-svg"
                                                     th:attrappend="style='background: url('+${staticPath}+'/front/mobile/v3/img/marketing/integral-share-pic.jpg) no-repeat 50% 100% / cover'"></section>-->
                                        </aside>
                                        <aside class="look">
                                            <span class="fs4 c-888">已有</span>
                                            <span class="fs4 c-888 lookNum"></span>
                                            <span class="fs4 c-888">人正在学</span>
                                        </aside>
                                    </section>
                                    <footer class="card-footer">
                                        <aside>
                                            <section class="bs-card-foot-txt"><span class="fs4 c-888">扫码查看内容</span></section>
                                            <span class="fs4 c-888">长按识别二维码</span>
                                        </aside>
                                        <aside class="bs-card-vCode__wrap" data-vcode="0"></aside>
                                    </footer>
                                </div>
                            </div>
                        </section>
                    </div>
                </th:block>
            </div>
        </div>
    </section>
    <aside class="bs-tips-bx">
        <span class="fs6"><em class="icon icon-caret"></em>点击预览图 长按大图保存或转发好友</span>
    </aside>
    <!--背景层-->
    <aside class="bs-review-bg-1"></aside>
    <aside class="bs-review-bg-2"></aside>
</div>
<footer class="bs-footer">
    <section class="bs-foot__wrap bs-foot-pagination">
        <section class="bs-foot-pagination__wrap">
            <div class="swiper-pagination"></div>
        </section>
    </section>
</footer>
<div id="qrcode__wrap" class="hide"></div>
<div id="ds" class="hide"></div>
<div id="cavImg" class="cavImg__wrap"></div>
<div class="cavImgLoading">
    <div class="modal-overlay modal-overlay-visible"></div>
    <div class="preloader-indicator-modal"><span class="preloader preloader-white"></span></div>
</div>
<input type="hidden" th:value="${mobilePath}" id="mPath">
<script th:src="@{{path}/front/mobile/libs/zepto/zepto.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/front/mobile/libs/swiper/swiper.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/front/mobile/business/common/global.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/common/qrcode/qrcode.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/front/mobile/libs/html2canvas/html2canvas.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/front/mobile/business/marketing/baseShare/sharePoster.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>